/* 移动端间距优化 */
@media (max-width: 768px) {
  /* 主要内容区域边距减小 */
  .layout-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* 调整标题大小 */
  h1.text-4xl {
    font-size: 2rem !important;
  }
  
  /* 减小部分垂直间距 */
  .py-16 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  
  /* 改善卡片在移动端的显示 */
  .card {
    padding: 1rem !important;
  }
}

/* 触摸优化 */
@media (max-width: 768px) {
  /* 增大按钮点击区域 */
  button, .n-button, a.n-button {
    min-height: 44px;
  }
  
  /* 增大链接间距，防止误触 */
  .nav-link, .footer-link, .mobile-nav-link {
    padding: 0.5rem 0;
  }
}


@media (max-width: 768px) {
  .last-section {
    margin-bottom: 1.5rem;
  }
}

/* 移动端布局与间距调整 */
@media (max-width: 768px) {
  /* 增加按钮的可点击区域 */
  .n-button {
    min-height: 42px;
  }
  
  /* 确保导航链接易于点击 */
  .nav-link, .mobile-nav-link {
    padding: 8px 0;
  }
  
  /* 确保移动端的标题大小合适 */
  .text-4xl {
    font-size: 2rem !important;
  }
  
  /* 减小部分顶部和底部填充，使页面更紧凑 */
  .py-16 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  
  /* 减小栅格间隙 */
  .gap-8 {
    gap: 1.5rem !important;
  }
}

/* 特小屏幕额外调整 */
@media (max-width: 576px) {
  .layout-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
} 